<html>
<head>
    <meta charset="utf-8">
    <title>React 学习！！</title>
</head>
<body>
<div id="app"></div>
<script src="../bower_components/react/react.min.js"></script>
<script src="../bower_components/react/react-dom.min.js"></script>
<script src="../bower_components/react/browser.min.js"></script>
<script type="text/babel">
    var MessageBox = React.createClass({
      render:function(){
        return (  <div>
                     {/* 写在标签外面的属一般注释, 需要用 {} 包围 */}
                    <h1>Hello React!</h1>
                    /* 
                     多
                     行
                     注
                     释 
                     是写在标签里面的，写在外面的会直接输出
                    */
                    <p
                    /* 
                     多
                     行
                     注
                     释
                     是写在标签里面的 
                    */
                    // 单行注释也是写在标签里面的
                    >React content message</p>
                    // 单行注释也是写在标签里面的，写在外面的会直接输出
                  </div>
               )
      }
    });
    ReactDOM.render( <MessageBox/>, 
      document.getElementById('app'),
      function(){
        console.log('渲染完成啦！！');
      }
    )
</script>
</body>
</html>